<template>
  <div class="all">
    <div>
      <h4 style="margin-bottom: 0%; text-align: left; color: #363739">
        实验内容及实验数据记录与处理
      </h4>
      <div
        style="
          text-align: right;
          margin-bottom: 1%;
          color: #606166;
          font-size: 12px;
        "
      >
        该部分得分：45分
      </div>
      <div
        style="
          background-color: #eeeeee;
          padding: 2%;
          border-radius: 3px;
          text-align: left;
          min-width: 600px;
        "
      >
        <div>
          <!-- <textarea rows="10"></textarea> -->
          <p>1）设备电路连接</p>
          <p>
            将霍尔效应测试仪上对应输出、输出和输入接线柱分别与实验仪上输入，输入和输出三对接线柱连接，调整二维移动尺，使x轴方向上与0刻度线对齐。
          </p>
          <p>
            2）
            打开测试仪电源开关，输出调零，闭合工作电流开关，通入工作电流5毫安，待至少5分钟开始实验。
          </p>
          <p>3）打开,开关，调整=5.00mA,Im=300mA。移动y轴，找到输出最大点。</p>
          <p>
            4）保持y轴不变，按要求刻度移动x轴，改变,开关方向，测量四组数据并记录数据。
          </p>
          <p>5）计算对应电位磁感应强度，并绘制-X曲线。</p>
          <p>
            6）实验完毕后，将工作电流和励磁电流调到0A，断开电源和连线，恢复原样。
          </p>
          <p>注意：</p>
          <p>
            1.由于励磁电流较大，所以千万不能将,接错，否则励磁电流将烧坏霍尔元件。
          </p>
          <p>
            2.霍尔元件及二维移动尺容易折断、变形，应注意避免受挤压、碰撞等。实验前应检查两者及电磁铁是否松动、移位，并加以调整。
          </p>
          <p>
            3.为了提高霍尔元件测量的准确性，实验前霍尔元件应至少预热5分钟，具体操作如下：断开励磁电流开关，闭合工作电流开关，通入工作电流5毫安，待至少5分钟开始实验。
          </p>
          <p>
            4.为了不使电磁铁因过热而受到损坏或影响测量精度，除在短时间内读取有关数据，通以励磁电流外，其余时间最好断开励磁电流开关。
          </p>
          <p>5.2 实验数据记录与处理</p>
          <div>
            <!-- 1.箱式直流电桥测量电阻值 -->
            <p>
              实验中给定：
              <img class="photo" src="http://180.76.111.200:888/KH.jpg" />
            </p>
            <p>
              实验仪器编号： (<el-input
                onkeyup="value=value.replace(/[^-\d.]/g,'')"
                v-model="tableState.number"
                style="width: 100px"
              ></el-input
              >)；线圈常数= (<el-input
                onkeyup="value=value.replace(/[^-\d.]/g,'')"
                v-model="tableState.constant"
                style="width: 100px"
              ></el-input
              >)mT / A
            </p>
            <hot-table
              :settings="huoErSettings"
              :rowHeaders="true"
              :colHeaders="true"
            ></hot-table>
            <p style="text-align: center; text-indent: 2em">
              根据上表所记录数据，做出电磁铁气隙中磁感应强度X - B曲线：
            </p>
            <div style="text-align: center">
              <el-upload
                class="avatar-uploader"
                action="http://47.108.217.249/api/upload"
                :show-file-list="false"
                :on-success="onSuccess"
                multiple
              >
                <!-- <el-button size="small" type="primary">点击上传</el-button> -->
                <div slot="tip" class="el-upload__tip">
                  只能上传jpg/png文件，且不超过500kb
                </div>
                <img v-if="files" :src="files" class="avatar" />
                <i v-else class="el-icon-plus"></i>
              </el-upload>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 暂存按钮的弹窗 -->
    <el-dialog title="提示" :visible.sync="DialogVisible" width="30%" center>
      <el-divider></el-divider>
      <div style="text-align: center">请 您 确 定 您 是 否 要 暂 存 ？</div>
      <el-divider></el-divider>
      <span slot="footer" class="dialog-footer">
        <el-button plain @click="DialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="(DialogVisible = false), storageOk()">
          确 定
        </el-button>
      </span>
    </el-dialog>
    <!-- 选择题 -->
    <el-form :model="Form" :rules="rules" ref="Form" class="Form">
      <h4>一、选择题</h4>
      <div>
        1.若磁感应强度B与元件平面法线存在角度α时,作用在元件上的有效磁场大小为:(
        )
      </div>
      <el-form-item prop="one">
        <el-radio-group v-model="Form.one">
          <el-radio label="A">A. Bcosa</el-radio>
          <el-radio label="B">B. Bsina</el-radio>
          <el-radio label="C">C. Btana</el-radio>
          <el-radio label="D">D. Bcota</el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- <div>
        2.若磁感应强度B与工作电流方向存在角度β时,作用在元件上的有效磁场大小为:(
        )
      </div>
      <el-form-item prop="two">
        <el-radio-group v-model="Form.two">
          <el-radio label="A">A. Bsinβ</el-radio>
          <el-radio label="B">B. Bcosβ</el-radio>
          <el-radio label="C">C. Btanβ</el-radio>
          <el-radio label="D">D. Bcotβ</el-radio>
        </el-radio-group>
      </el-form-item> -->
      <div>
        2.测量不等位电势差时,若不等位电势差不为0,则增大工作电流时,不等位电势差将:(
        )
      </div>
      <el-form-item prop="three">
        <el-radio-group v-model="Form.three">
          <el-radio label="A">A. 增大</el-radio>
          <el-radio label="B">B. 减小</el-radio>
          <el-radio label="C">C. 不变</el-radio>
          <el-radio label="D">D. 不确定</el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- <div>
        4.若磁感应强度B与元件平面法线存在角度α,与工作电流方向存在角度β时,作用在元件上的有效磁场大小为:(
        )
      </div>
      <el-form-item prop="four">
        <el-radio-group v-model="Form.four">
          <el-radio label="A">A. Bcosasinβ</el-radio>
          <el-radio label="B">B. Bcosacosβ</el-radio>
          <el-radio label="C">C. Bsinasinβ</el-radio>
          <el-radio label="D">D. Bsinacosβ</el-radio>
        </el-radio-group>
      </el-form-item> -->
      <h4>线上资源</h4>
      <p class="addmargin">
        1）在线实验报告系统链接：
        <a style="text-decoration: none" href="http://180.76.111.200:3001/"
          >http://180.76.111.200:3001/</a
        >
      </p>
      <el-form-item class="footer">
        <el-button plain class="btn" type="primary" @click="storage()">
          暂存
        </el-button>
        <el-button class="btn" type="primary" @click="send(Form)">
          提交
        </el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { HotTable } from "@handsontable/vue";
import { registerAllModules } from "handsontable/registry";
import "handsontable/dist/handsontable.full.css";

registerAllModules();

export default {
  components: {
    HotTable,
  },
  data() {
    return {
      // 霍尔表格值的配置
      huoErSettings: {
        preventOverflow: "vertical", // 防止水平溢出表
        headerTooltips: true, // header 内容过长提示
        // 数据部分
        data: [
          // 定义行，一共有3行
          {
            conent: "1.电磁铁气隙中磁感应强度的分布（=300MA, =5.00MA）",
          },
          {
            conent: "X / mm",
            number1: "V1 / mV",
            number2: "V2 / mV",
            number3: "V3 / mV",
            number4: "V4 / mV",
            number5: "VH = 1/4(|V1|+|V2|+|V3|+|V4|)",
            number6: "B / mT",
          },
          {
            number1: "+IM / +Is",
            number2: "+IM / -Is",
            number3: "-IM / +Is",
            number4: "-IM / -Is",
          },
          {
            conent: "0",
          },
          {
            conent: "2",
          },
          {
            conent: "4",
          },
          {
            conent: "6",
          },
          {
            conent: "8",
          },
          {
            conent: "10",
          },
          {
            conent: "12",
          },
          {
            conent: "15",
          },
          {
            conent: "20",
          },
          {
            conent: "25",
          },
          {
            conent: "30",
          },
          {
            conent: "35",
          },
          {
            conent: "40",
          },
          {
            conent: "45",
          },
          {
            conent: "48",
          },
          {
            conent: "50",
          },
        ],
        maxCols: 7,
        maxRows: 19,
        autoColumnSize: true, // 自适应列大小
        rowHeights: 30,
        // 合并的列
        mergeCells: [
          { row: 0, col: 0, rowspan: 1, colspan: 7 },
          { row: 1, col: 0, rowspan: 2, colspan: 1 },
          { row: 1, col: 5, rowspan: 2, colspan: 1 },
          { row: 1, col: 6, rowspan: 2, colspan: 1 },
        ],
        height: "auto",
        // 设置表里的文字水平 + 垂直居中
        className: "htCenter htMiddle",
        rowHeaders: false,
        // 设置固定单元格不可修改
        cells(row, colum) {
          const cellProperties = {};
          const arr = [
            [0, 0],
            [1, 0],
            [1, 1],
            [1, 2],
            [1, 3],
            [1, 4],
            [1, 5],
            [1, 6],
            [2, 1],
            [2, 2],
            [2, 3],
            [2, 4],
            [3, 0],
            [4, 0],
            [5, 0],
            [6, 0],
            [7, 0],
            [8, 0],
            [9, 0],
            [10, 0],
            [11, 0],
            [12, 0],
            [13, 0],
            [14, 0],
            [15, 0],
            [16, 0],
            [17, 0],
            [18, 0],
          ];
          arr.forEach((item) => {
            if (row === item[0] && colum === item[1]) {
              cellProperties.readOnly = true;
            } else {
              cellProperties.editor = "text";
            }
          });
          return cellProperties;
        },
        // 设置列
        columns: [
          // 第一列
          {
            data: "conent",
            editor: false,
            type: "text",
          },
          // 第二列
          {
            data: "number1",
            width: 100,
            // type: 'numeric'
            // 设置显示格式
            // numericFormat: {
            //   pattern: "0.00",
            // },
          },
          // 第三列
          {
            data: "number2",
            width: 100,
            // type: 'numeric'
            // numericFormat: {
            //   pattern: "0.00",
            // },
          },
          // 第四列
          {
            data: "number3",
            width: 100,
            // type: 'numeric'
            // numericFormat: {
            //   pattern: "0.00",
            // },
          },
          // 第五列
          {
            data: "number4",
            width: 100,
            // type: 'numeric'
            // numericFormat: {
            //   pattern: "0.00",
            // },
          },
          // 第六列
          {
            data: "number5",
            width: 180,
            // type: 'numeric'
            // numericFormat: {
            //   pattern: "0.00",
            // },
          },
          // 第七列
          {
            data: "number6",
            width: 100,
            // type: 'numeric'
            // numericFormat: {
            //   pattern: "0.00",
            // },
          },
        ],
        // 设置表头 + 表头合并
        nestedHeaders: [
          // 第一行
          // [
          // {
          // label: '1.电磁铁气隙中磁感应强度的分布（=300MA, =5.00MA）',
          // colspan: 7
          // }
          // ],
        ],
        // 自动换行
        autoWrapRow: true,
        // 设置非商业用途属性
        licenseKey: "non-commercial-and-evaluation",
        // 更新设置，暂存显示
        afterUpdateSettings() {
          // 插入第一行数据
          const huoera1 = window.localStorage.getItem("huoera1");
          if (huoera1 !== "null") {
            this.setDataAtCell(3, 1, huoera1);
          }
          const huoera2 = window.localStorage.getItem("huoera2");
          if (huoera2 !== "null") {
            this.setDataAtCell(3, 2, huoera2);
          }
          const huoera3 = window.localStorage.getItem("huoera3");
          if (huoera3 !== "null") {
            this.setDataAtCell(3, 3, huoera3);
          }
          const huoera4 = window.localStorage.getItem("huoera4");
          if (huoera4 !== "null") {
            this.setDataAtCell(3, 4, huoera4);
          }
          const huoera5 = window.localStorage.getItem("huoera5");
          if (huoera5 !== "null") {
            this.setDataAtCell(3, 5, huoera5);
          }
          const huoera6 = window.localStorage.getItem("huoera6");
          if (huoera6 !== "null") {
            this.setDataAtCell(3, 6, huoera6);
          }
          // 插入第二行数据
          const huoerb1 = window.localStorage.getItem("huoerb1");
          if (huoerb1 !== "null") {
            this.setDataAtCell(4, 1, huoerb1);
          }
          const huoerb2 = window.localStorage.getItem("huoerb2");
          if (huoerb2 !== "null") {
            this.setDataAtCell(4, 2, huoerb2);
          }
          const huoerb3 = window.localStorage.getItem("huoerb3");
          if (huoerb3 !== "null") {
            this.setDataAtCell(4, 3, huoerb3);
          }
          const huoerb4 = window.localStorage.getItem("huoerb4");
          if (huoerb4 !== "null") {
            this.setDataAtCell(4, 4, huoerb4);
          }
          const huoerb5 = window.localStorage.getItem("huoerb5");
          if (huoerb5 !== "null") {
            this.setDataAtCell(4, 5, huoerb5);
          }
          const huoerb6 = window.localStorage.getItem("huoerb6");
          if (huoerb6 !== "null") {
            this.setDataAtCell(4, 6, huoerb6);
          }
          // 插入第三行数据
          const huoerc1 = window.localStorage.getItem("huoerc1");
          if (huoerc1 !== "null") {
            this.setDataAtCell(5, 1, huoerc1);
          }
          const huoerc2 = window.localStorage.getItem("huoerc2");
          if (huoerc2 !== "null") {
            this.setDataAtCell(5, 2, huoerc2);
          }
          const huoerc3 = window.localStorage.getItem("huoerc3");
          if (huoerc3 !== "null") {
            this.setDataAtCell(5, 3, huoerc3);
          }
          const huoerc4 = window.localStorage.getItem("huoerc4");
          if (huoerc4 !== "null") {
            this.setDataAtCell(5, 4, huoerc4);
          }
          const huoerc5 = window.localStorage.getItem("huoerc5");
          if (huoerc5 !== "null") {
            this.setDataAtCell(5, 5, huoerc5);
          }
          const huoerc6 = window.localStorage.getItem("huoerc6");
          if (huoerc6 !== "null") {
            this.setDataAtCell(5, 6, huoerc6);
          }
          // 插入第四行数据
          const huoerd1 = window.localStorage.getItem("huoerd1");
          if (huoerd1 !== "null") {
            this.setDataAtCell(6, 1, huoerd1);
          }
          const huoerd2 = window.localStorage.getItem("huoerd2");
          if (huoerd2 !== "null") {
            this.setDataAtCell(6, 2, huoerd2);
          }
          const huoerd3 = window.localStorage.getItem("huoerd3");
          if (huoerd3 !== "null") {
            this.setDataAtCell(6, 3, huoerd3);
          }
          const huoerd4 = window.localStorage.getItem("huoerd4");
          if (huoerd4 !== "null") {
            this.setDataAtCell(6, 4, huoerd4);
          }
          const huoerd5 = window.localStorage.getItem("huoerd5");
          if (huoerd5 !== "null") {
            this.setDataAtCell(6, 5, huoerd5);
          }
          const huoerd6 = window.localStorage.getItem("huoerd6");
          if (huoerd6 !== "null") {
            this.setDataAtCell(6, 6, huoerd6);
          }
          // 插入第五行数据
          const huoere1 = window.localStorage.getItem("huoere1");
          if (huoere1 !== "null") {
            this.setDataAtCell(7, 1, huoere1);
          }
          const huoere2 = window.localStorage.getItem("huoere2");
          if (huoere2 !== "null") {
            this.setDataAtCell(7, 2, huoere2);
          }
          const huoere3 = window.localStorage.getItem("huoere3");
          if (huoere3 !== "null") {
            this.setDataAtCell(7, 3, huoere3);
          }
          const huoere4 = window.localStorage.getItem("huoere4");
          if (huoere4 !== "null") {
            this.setDataAtCell(7, 4, huoere4);
          }
          const huoere5 = window.localStorage.getItem("huoere5");
          if (huoere5 !== "null") {
            this.setDataAtCell(7, 5, huoere5);
          }
          const huoere6 = window.localStorage.getItem("huoere6");
          if (huoere6 !== "null") {
            this.setDataAtCell(7, 6, huoere6);
          }
          // 插入第六行数据
          const huoerf1 = window.localStorage.getItem("huoerf1");
          if (huoerf1 !== "null") {
            this.setDataAtCell(8, 1, huoerf1);
          }
          const huoerf2 = window.localStorage.getItem("huoerf2");
          if (huoerf2 !== "null") {
            this.setDataAtCell(8, 2, huoerf2);
          }
          const huoerf3 = window.localStorage.getItem("huoerf3");
          if (huoerf3 !== "null") {
            this.setDataAtCell(8, 3, huoerf3);
          }
          const huoerf4 = window.localStorage.getItem("huoerf4");
          if (huoerf4 !== "null") {
            this.setDataAtCell(8, 4, huoerf4);
          }
          const huoerf5 = window.localStorage.getItem("huoerf5");
          if (huoerf5 !== "null") {
            this.setDataAtCell(8, 5, huoerf5);
          }
          const huoerf6 = window.localStorage.getItem("huoerf6");
          if (huoerf6 !== "null") {
            this.setDataAtCell(8, 6, huoerf6);
          }
          // 插入第七行数据
          const huoerg1 = window.localStorage.getItem("huoerg1");
          if (huoerg1 !== "null") {
            this.setDataAtCell(9, 1, huoerg1);
          }
          const huoerg2 = window.localStorage.getItem("huoerg2");
          if (huoerg2 !== "null") {
            this.setDataAtCell(9, 2, huoerg2);
          }
          const huoerg3 = window.localStorage.getItem("huoerg3");
          if (huoerg3 !== "null") {
            this.setDataAtCell(9, 3, huoerg3);
          }
          const huoerg4 = window.localStorage.getItem("huoerg4");
          if (huoerg4 !== "null") {
            this.setDataAtCell(9, 4, huoerg4);
          }
          const huoerg5 = window.localStorage.getItem("huoerg5");
          if (huoerg5 !== "null") {
            this.setDataAtCell(9, 5, huoerg5);
          }
          const huoerg6 = window.localStorage.getItem("huoerg6");
          if (huoerg6 !== "null") {
            this.setDataAtCell(9, 6, huoerg6);
          }
          // 插入第八行数据
          const huoerh1 = window.localStorage.getItem("huoerh1");
          if (huoerh1 !== "null") {
            this.setDataAtCell(10, 1, huoerh1);
          }
          const huoerh2 = window.localStorage.getItem("huoerh2");
          if (huoerh2 !== "null") {
            this.setDataAtCell(10, 2, huoerh2);
          }
          const huoerh3 = window.localStorage.getItem("huoerh3");
          if (huoerh3 !== "null") {
            this.setDataAtCell(10, 3, huoerh3);
          }
          const huoerh4 = window.localStorage.getItem("huoerh4");
          if (huoerh4 !== "null") {
            this.setDataAtCell(10, 4, huoerh4);
          }
          const huoerh5 = window.localStorage.getItem("huoerh5");
          if (huoerh5 !== "null") {
            this.setDataAtCell(10, 5, huoerh5);
          }
          const huoerh6 = window.localStorage.getItem("huoerh6");
          if (huoerh6 !== "null") {
            this.setDataAtCell(10, 6, huoerh6);
          }
          // 插入第九行数据
          const huoeri1 = window.localStorage.getItem("huoeri1");
          if (huoeri1 !== "null") {
            this.setDataAtCell(11, 1, huoeri1);
          }
          const huoeri2 = window.localStorage.getItem("huoeri2");
          if (huoeri2 !== "null") {
            this.setDataAtCell(11, 2, huoeri2);
          }
          const huoeri3 = window.localStorage.getItem("huoeri3");
          if (huoeri3 !== "null") {
            this.setDataAtCell(11, 3, huoeri3);
          }
          const huoeri4 = window.localStorage.getItem("huoeri4");
          if (huoeri4 !== "null") {
            this.setDataAtCell(11, 4, huoeri4);
          }
          const huoeri5 = window.localStorage.getItem("huoeri5");
          if (huoeri5 !== "null") {
            this.setDataAtCell(11, 5, huoeri5);
          }
          const huoeri6 = window.localStorage.getItem("huoeri6");
          if (huoeri6 !== "null") {
            this.setDataAtCell(11, 6, huoeri6);
          }
          // 插入第十行数据
          const huoerj1 = window.localStorage.getItem("huoerj1");
          if (huoerj1 !== "null") {
            this.setDataAtCell(12, 1, huoerj1);
          }
          const huoerj2 = window.localStorage.getItem("huoerj2");
          if (huoerj2 !== "null") {
            this.setDataAtCell(12, 2, huoerj2);
          }
          const huoerj3 = window.localStorage.getItem("huoerj3");
          if (huoerj3 !== "null") {
            this.setDataAtCell(12, 3, huoerj3);
          }
          const huoerj4 = window.localStorage.getItem("huoerj4");
          if (huoerj4 !== "null") {
            this.setDataAtCell(12, 4, huoerj4);
          }
          const huoerj5 = window.localStorage.getItem("huoerj5");
          if (huoerj5 !== "null") {
            this.setDataAtCell(12, 5, huoerj5);
          }
          const huoerj6 = window.localStorage.getItem("huoerj6");
          if (huoerj6 !== "null") {
            this.setDataAtCell(12, 6, huoerj6);
          }
          // 插入第十一行数据
          const huoerk1 = window.localStorage.getItem("huoerk1");
          if (huoerk1 !== "null") {
            this.setDataAtCell(13, 1, huoerk1);
          }
          const huoerk2 = window.localStorage.getItem("huoerk2");
          if (huoerk2 !== "null") {
            this.setDataAtCell(13, 2, huoerk2);
          }
          const huoerk3 = window.localStorage.getItem("huoerk3");
          if (huoerk3 !== "null") {
            this.setDataAtCell(13, 3, huoerk3);
          }
          const huoerk4 = window.localStorage.getItem("huoerk4");
          if (huoerk4 !== "null") {
            this.setDataAtCell(13, 4, huoerk4);
          }
          const huoerk5 = window.localStorage.getItem("huoerk5");
          if (huoerk5 !== "null") {
            this.setDataAtCell(13, 5, huoerk5);
          }
          const huoerk6 = window.localStorage.getItem("huoerk6");
          if (huoerk6 !== "null") {
            this.setDataAtCell(13, 6, huoerk6);
          }
          // 插入第十二行数据
          const huoerl1 = window.localStorage.getItem("huoerl1");
          if (huoerl1 !== "null") {
            this.setDataAtCell(14, 1, huoerl1);
          }
          const huoerl2 = window.localStorage.getItem("huoerl2");
          if (huoerl2 !== "null") {
            this.setDataAtCell(14, 2, huoerl2);
          }
          const huoerl3 = window.localStorage.getItem("huoerl3");
          if (huoerl3 !== "null") {
            this.setDataAtCell(14, 3, huoerl3);
          }
          const huoerl4 = window.localStorage.getItem("huoerl4");
          if (huoerl4 !== "null") {
            this.setDataAtCell(14, 4, huoerl4);
          }
          const huoerl5 = window.localStorage.getItem("huoerl5");
          if (huoerl5 !== "null") {
            this.setDataAtCell(14, 5, huoerl5);
          }
          const huoerl6 = window.localStorage.getItem("huoerl6");
          if (huoerl6 !== "null") {
            this.setDataAtCell(14, 6, huoerl6);
          }
          // 插入第十三行数据
          const huoerm1 = window.localStorage.getItem("huoerm1");
          if (huoerm1 !== "null") {
            this.setDataAtCell(15, 1, huoerm1);
          }
          const huoerm2 = window.localStorage.getItem("huoerm2");
          if (huoerm2 !== "null") {
            this.setDataAtCell(15, 2, huoerm2);
          }
          const huoerm3 = window.localStorage.getItem("huoerm3");
          if (huoerm3 !== "null") {
            this.setDataAtCell(15, 3, huoerm3);
          }
          const huoerm4 = window.localStorage.getItem("huoerm4");
          if (huoerm4 !== "null") {
            this.setDataAtCell(15, 4, huoerm4);
          }
          const huoerm5 = window.localStorage.getItem("huoerm5");
          if (huoerm5 !== "null") {
            this.setDataAtCell(15, 5, huoerm5);
          }
          const huoerm6 = window.localStorage.getItem("huoerm6");
          if (huoerm6 !== "null") {
            this.setDataAtCell(15, 6, huoerm6);
          }
          // 插入第十四行数据
          const huoern1 = window.localStorage.getItem("huoern1");
          if (huoern1 !== "null") {
            this.setDataAtCell(16, 1, huoern1);
          }
          const huoern2 = window.localStorage.getItem("huoern2");
          if (huoern2 !== "null") {
            this.setDataAtCell(16, 2, huoern2);
          }
          const huoern3 = window.localStorage.getItem("huoern3");
          if (huoern3 !== "null") {
            this.setDataAtCell(16, 3, huoern3);
          }
          const huoern4 = window.localStorage.getItem("huoern4");
          if (huoern4 !== "null") {
            this.setDataAtCell(16, 4, huoern4);
          }
          const huoern5 = window.localStorage.getItem("huoern5");
          if (huoern5 !== "null") {
            this.setDataAtCell(16, 5, huoern5);
          }
          const huoern6 = window.localStorage.getItem("huoern6");
          if (huoern6 !== "null") {
            this.setDataAtCell(16, 6, huoern6);
          }
          // 插入第十五行数据
          const huoero1 = window.localStorage.getItem("huoero1");
          if (huoero1 !== "null") {
            this.setDataAtCell(17, 1, huoero1);
          }
          const huoero2 = window.localStorage.getItem("huoero2");
          if (huoero2 !== "null") {
            this.setDataAtCell(17, 2, huoero2);
          }
          const huoero3 = window.localStorage.getItem("huoero3");
          if (huoero3 !== "null") {
            this.setDataAtCell(17, 3, huoero3);
          }
          const huoero4 = window.localStorage.getItem("huoero4");
          if (huoero4 !== "null") {
            this.setDataAtCell(17, 4, huoero4);
          }
          const huoero5 = window.localStorage.getItem("huoero5");
          if (huoero5 !== "null") {
            this.setDataAtCell(17, 5, huoero5);
          }
          const huoero6 = window.localStorage.getItem("huoero6");
          if (huoero6 !== "null") {
            this.setDataAtCell(17, 6, huoero6);
          }
          // 插入第十六行数据
          const huoerp1 = window.localStorage.getItem("huoerp1");
          if (huoerp1 !== "null") {
            this.setDataAtCell(18, 1, huoerp1);
          }
          const huoerp2 = window.localStorage.getItem("huoerp2");
          if (huoerp2 !== "null") {
            this.setDataAtCell(18, 2, huoerp2);
          }
          const huoerp3 = window.localStorage.getItem("huoerp3");
          if (huoerp3 !== "null") {
            this.setDataAtCell(18, 3, huoerp3);
          }
          const huoerp4 = window.localStorage.getItem("huoerp4");
          if (huoerp4 !== "null") {
            this.setDataAtCell(18, 4, huoerp4);
          }
          const huoerp5 = window.localStorage.getItem("huoerp5");
          if (huoerp5 !== "null") {
            this.setDataAtCell(18, 5, huoerp5);
          }
          const huoerp6 = window.localStorage.getItem("huoerp6");
          if (huoerp6 !== "null") {
            this.setDataAtCell(18, 6, huoerp6);
          }
        },
        // 数据改变时触发此方法
        afterChange: function (changes, source) {
          // console.log(changes);//null
          // console.log(source);
          // console.log(this.getCellEditor());//获取全部的值
          // 挨个获取需要传给后端的值
          // console.log(this.getData());
          // 第一行数据保存
          const a1 = this.getData()[3][1];
          sessionStorage.setItem("a1", a1);
          const a2 = this.getData()[3][2];
          sessionStorage.setItem("a2", a2);
          const a3 = this.getData()[3][3];
          sessionStorage.setItem("a3", a3);
          const a4 = this.getData()[3][4];
          sessionStorage.setItem("a4", a4);
          const a5 = this.getData()[3][5];
          sessionStorage.setItem("a5", a5);
          const a6 = this.getData()[3][6];
          sessionStorage.setItem("a6", a6);
          // 第二行数据保存
          const b1 = this.getData()[4][1];
          sessionStorage.setItem("b1", b1);
          const b2 = this.getData()[4][2];
          sessionStorage.setItem("b2", b2);
          const b3 = this.getData()[4][3];
          sessionStorage.setItem("b3", b3);
          const b4 = this.getData()[4][4];
          sessionStorage.setItem("b4", b4);
          const b5 = this.getData()[4][5];
          sessionStorage.setItem("b5", b5);
          const b6 = this.getData()[4][6];
          sessionStorage.setItem("b6", b6);
          // 第三行数据保存
          const c1 = this.getData()[5][1];
          sessionStorage.setItem("c1", c1);
          const c2 = this.getData()[5][2];
          sessionStorage.setItem("c2", c2);
          const c3 = this.getData()[5][3];
          sessionStorage.setItem("c3", c3);
          const c4 = this.getData()[5][4];
          sessionStorage.setItem("c4", c4);
          const c5 = this.getData()[5][5];
          sessionStorage.setItem("c5", c5);
          const c6 = this.getData()[5][6];
          sessionStorage.setItem("c6", c6);
          // 第四行数据保存
          const d1 = this.getData()[6][1];
          sessionStorage.setItem("d1", d1);
          const d2 = this.getData()[6][2];
          sessionStorage.setItem("d2", d2);
          const d3 = this.getData()[6][3];
          sessionStorage.setItem("d3", d3);
          const d4 = this.getData()[6][4];
          sessionStorage.setItem("d4", d4);
          const d5 = this.getData()[6][5];
          sessionStorage.setItem("d5", d5);
          const d6 = this.getData()[6][6];
          sessionStorage.setItem("d6", d6);
          // 第五行数据保存
          const e1 = this.getData()[7][1];
          sessionStorage.setItem("e1", e1);
          const e2 = this.getData()[7][2];
          sessionStorage.setItem("e2", e2);
          const e3 = this.getData()[7][3];
          sessionStorage.setItem("e3", e3);
          const e4 = this.getData()[7][4];
          sessionStorage.setItem("e4", e4);
          const e5 = this.getData()[7][5];
          sessionStorage.setItem("e5", e5);
          const e6 = this.getData()[7][6];
          sessionStorage.setItem("e6", e6);
          // 第六行数据保存
          const f1 = this.getData()[8][1];
          sessionStorage.setItem("f1", f1);
          const f2 = this.getData()[8][2];
          sessionStorage.setItem("f2", f2);
          const f3 = this.getData()[8][3];
          sessionStorage.setItem("f3", f3);
          const f4 = this.getData()[8][4];
          sessionStorage.setItem("f4", f4);
          const f5 = this.getData()[8][5];
          sessionStorage.setItem("f5", f5);
          const f6 = this.getData()[8][6];
          sessionStorage.setItem("f6", f6);
          // 第七行数据保存
          const g1 = this.getData()[9][1];
          sessionStorage.setItem("g1", g1);
          const g2 = this.getData()[9][2];
          sessionStorage.setItem("g2", g2);
          const g3 = this.getData()[9][3];
          sessionStorage.setItem("g3", g3);
          const g4 = this.getData()[9][4];
          sessionStorage.setItem("g4", g4);
          const g5 = this.getData()[9][5];
          sessionStorage.setItem("g5", g5);
          const g6 = this.getData()[9][6];
          sessionStorage.setItem("g6", g6);
          // 第八行数据保存
          const h1 = this.getData()[10][1];
          sessionStorage.setItem("h1", h1);
          const h2 = this.getData()[10][2];
          sessionStorage.setItem("h2", h2);
          const h3 = this.getData()[10][3];
          sessionStorage.setItem("h3", h3);
          const h4 = this.getData()[10][4];
          sessionStorage.setItem("h4", h4);
          const h5 = this.getData()[10][5];
          sessionStorage.setItem("h5", h5);
          const h6 = this.getData()[10][6];
          sessionStorage.setItem("h6", h6);
          // 第九行数据保存
          const i1 = this.getData()[11][1];
          sessionStorage.setItem("i1", i1);
          const i2 = this.getData()[11][2];
          sessionStorage.setItem("i2", i2);
          const i3 = this.getData()[11][3];
          sessionStorage.setItem("i3", i3);
          const i4 = this.getData()[11][4];
          sessionStorage.setItem("i4", i4);
          const i5 = this.getData()[11][5];
          sessionStorage.setItem("i5", i5);
          const i6 = this.getData()[11][6];
          sessionStorage.setItem("i6", i6);
          // 第十行数据保存
          const j1 = this.getData()[12][1];
          sessionStorage.setItem("j1", j1);
          const j2 = this.getData()[12][2];
          sessionStorage.setItem("j2", j2);
          const j3 = this.getData()[12][3];
          sessionStorage.setItem("j3", j3);
          const j4 = this.getData()[12][4];
          sessionStorage.setItem("j4", j4);
          const j5 = this.getData()[12][5];
          sessionStorage.setItem("j5", j5);
          const j6 = this.getData()[12][6];
          sessionStorage.setItem("j6", j6);
          // 第十一行数据保存
          const k1 = this.getData()[13][1];
          sessionStorage.setItem("k1", k1);
          const k2 = this.getData()[13][2];
          sessionStorage.setItem("k2", k2);
          const k3 = this.getData()[13][3];
          sessionStorage.setItem("k3", k3);
          const k4 = this.getData()[13][4];
          sessionStorage.setItem("k4", k4);
          const k5 = this.getData()[13][5];
          sessionStorage.setItem("k5", k5);
          const k6 = this.getData()[13][6];
          sessionStorage.setItem("k6", k6);
          // 第十二行数据保存
          const l1 = this.getData()[14][1];
          sessionStorage.setItem("l1", l1);
          const l2 = this.getData()[14][2];
          sessionStorage.setItem("l2", l2);
          const l3 = this.getData()[14][3];
          sessionStorage.setItem("l3", l3);
          const l4 = this.getData()[14][4];
          sessionStorage.setItem("l4", l4);
          const l5 = this.getData()[14][5];
          sessionStorage.setItem("l5", l5);
          const l6 = this.getData()[14][6];
          sessionStorage.setItem("l6", l6);
          // 第十三行数据保存
          const m1 = this.getData()[15][1];
          sessionStorage.setItem("m1", m1);
          const m2 = this.getData()[15][2];
          sessionStorage.setItem("m2", m2);
          const m3 = this.getData()[15][3];
          sessionStorage.setItem("m3", m3);
          const m4 = this.getData()[15][4];
          sessionStorage.setItem("m4", m4);
          const m5 = this.getData()[15][5];
          sessionStorage.setItem("m5", m5);
          const m6 = this.getData()[15][6];
          sessionStorage.setItem("m6", m6);
          // 第十四行数据保存
          const n1 = this.getData()[16][1];
          sessionStorage.setItem("n1", n1);
          const n2 = this.getData()[16][2];
          sessionStorage.setItem("n2", n2);
          const n3 = this.getData()[16][3];
          sessionStorage.setItem("n3", n3);
          const n4 = this.getData()[16][4];
          sessionStorage.setItem("n4", n4);
          const n5 = this.getData()[16][5];
          sessionStorage.setItem("n5", n5);
          const n6 = this.getData()[16][6];
          sessionStorage.setItem("n6", n6);
          // 第十五行数据保存
          const o1 = this.getData()[17][1];
          sessionStorage.setItem("o1", o1);
          const o2 = this.getData()[17][2];
          sessionStorage.setItem("o2", o2);
          const o3 = this.getData()[17][3];
          sessionStorage.setItem("o3", o3);
          const o4 = this.getData()[17][4];
          sessionStorage.setItem("o4", o4);
          const o5 = this.getData()[17][5];
          sessionStorage.setItem("o5", o5);
          const o6 = this.getData()[17][6];
          sessionStorage.setItem("o6", o6);
          // 第十六行数据保存
          const p1 = this.getData()[18][1];
          sessionStorage.setItem("p1", p1);
          const p2 = this.getData()[18][2];
          sessionStorage.setItem("p2", p2);
          const p3 = this.getData()[18][3];
          sessionStorage.setItem("p3", p3);
          const p4 = this.getData()[18][4];
          sessionStorage.setItem("p4", p4);
          const p5 = this.getData()[18][5];
          sessionStorage.setItem("p5", p5);
          const p6 = this.getData()[18][6];
          sessionStorage.setItem("p6", p6);
        },
      },
      // 暂存弹窗
      DialogVisible: false,
      // fileList: [],
      files: "",
      tableState: {
        a1: "",
        a2: "",
        a3: "",
        a4: "",
        a5: "",
        a6: "",
        b1: "",
        b2: "",
        b3: "",
        b4: "",
        b5: "",
        b6: "",
        c1: "",
        c2: "",
        c3: "",
        c4: "",
        c5: "",
        c6: "",
        d1: "",
        d2: "",
        d3: "",
        d4: "",
        d5: "",
        d6: "",
        e1: "",
        e2: "",
        e3: "",
        e4: "",
        e5: "",
        e6: "",
        f1: "",
        f2: "",
        f3: "",
        f4: "",
        f5: "",
        f6: "",
        g1: "",
        g2: "",
        g3: "",
        g4: "",
        g5: "",
        g6: "",
        h1: "",
        h2: "",
        h3: "",
        h4: "",
        h5: "",
        h6: "",
        i1: "",
        i2: "",
        i3: "",
        i4: "",
        i5: "",
        i6: "",
        j1: "",
        j2: "",
        j3: "",
        j4: "",
        j5: "",
        j6: "",
        k1: "",
        k2: "",
        k3: "",
        k4: "",
        k5: "",
        k6: "",
        l1: "",
        l2: "",
        l3: "",
        l4: "",
        l5: "",
        l6: "",
        m1: "",
        m2: "",
        m3: "",
        m4: "",
        m5: "",
        m6: "",
        n1: "",
        n2: "",
        n3: "",
        n4: "",
        n5: "",
        n6: "",
        o1: "",
        o2: "",
        o3: "",
        o4: "",
        o5: "",
        o6: "",
        p1: "",
        p2: "",
        p3: "",
        p4: "",
        p5: "",
        p6: "",
        constant: "",
        number: "",
        // fileList: [],
      },
      grade_xp: 0,
      Form: {
        one: "",
        // two: "",
        three: "",
        // four: "",
      },
      rules: {
        one: [{ required: true, message: "请选择", trigger: "change" }],
        // two: [{ required: true, message: "请选择", trigger: "change" }],
        three: [{ required: true, message: "请选择", trigger: "change" }],
        // four: [{ required: true, message: "请选择", trigger: "change" }],
      },
    };
  },
  created() {
    // 暂存
    this.storageCheck();
    localStorage.setItem("state4", 1);
  },
  // 暂存
  // 1 首先进入页面的时候需要监听浏览器的后退按钮，之后在操作的时候执行函数,在mounted中挂载去监听这个事件，并在methods里面添加函数，用来判断执行的条件
  mounted() {
    if (window.history && window.history.pushState) {
      history.pushState(null, null, document.URL);
      window.addEventListener("popstate", this.back, false);
    }
    const huoerconstant = window.localStorage.getItem("huoerconstant");
    if (huoerconstant !== "null") {
      this.tableState.constant = "";
    }
    const huoernumber = window.localStorage.getItem("huoernumber");
    if (huoernumber !== "null") {
      this.tableState.number = "";
    }
  },
  // 暂存
  // 2：需要在退出页面的时候销毁这个监听事件
  // 注意必须要销毁this.back这个方法，不然会将this.back方法执行两遍
  destroyed() {
    window.removeEventListener("popstate", this.back, false);
  },
  methods: {
    onSuccess(file) {
      this.files = file.data;
    },
    async send(Form) {
      for (var key in this.Form) {
        // console.log(this.form2[key]);
        if (this.Form[key] == "null") {
          console.log(this.Form[key]);
          this.$message.error("题目未做完！");
          return false;
        }
      }
      for (var key in this.Form) {
        // console.log(this.form2[key]);
        if (!this.Form[key]) {
          console.log(key);
          console.log(this.Form[key]);
          this.$message.error("题目未做完！");
          return false;
        }
      }
      for (var key in this.tableState) {
        // console.log(this.form2[key]);
        if (this.tableState[key] == "null") {
          // console.log(this.tableState[key]);
          this.$message.error("题目未做完！");
          return false;
        }
      }
      for (var key in this.tableState) {
        // console.log(this.form2[key]);
        if (!this.tableState[key]) {
          console.log(this.tableState[key]);
          this.$message.error("题目未做完！");
          return false;
        }
      }
      // console.log(this.form2[key]);
      if (this.files === "null") {
        console.log(this.files);
        this.$message.error("题目未做完！");
        return false;
      }
      // console.log(this.form2[key]);
      if (!this.files) {
        // console.log(this.files);
        this.$message.error("题目未做完！");
        return false;
      }
      const studentId = window.localStorage.getItem("StudentId");
      const constant = this.tableState.constant;
      const number = this.tableState.number;
      const file = this.files;
      const a1 = this.tableState.a1;
      const a2 = this.tableState.a2;
      const a3 = this.tableState.a3;
      const a4 = this.tableState.a4;
      const a5 = this.tableState.a5;
      const a6 = this.tableState.a6;
      const b1 = this.tableState.b1;
      const b2 = this.tableState.b2;
      const b3 = this.tableState.b3;
      const b4 = this.tableState.b4;
      const b5 = this.tableState.b5;
      const b6 = this.tableState.b6;
      const c1 = this.tableState.c1;
      const c2 = this.tableState.c2;
      const c3 = this.tableState.c3;
      const c4 = this.tableState.c4;
      const c5 = this.tableState.c5;
      const c6 = this.tableState.c6;
      const d1 = this.tableState.d1;
      const d2 = this.tableState.d2;
      const d3 = this.tableState.d3;
      const d4 = this.tableState.d4;
      const d5 = this.tableState.d5;
      const d6 = this.tableState.d6;
      const e1 = this.tableState.e1;
      const e2 = this.tableState.e2;
      const e3 = this.tableState.e3;
      const e4 = this.tableState.e4;
      const e5 = this.tableState.e5;
      const e6 = this.tableState.e6;
      const f1 = this.tableState.f1;
      const f2 = this.tableState.f2;
      const f3 = this.tableState.f3;
      const f4 = this.tableState.f4;
      const f5 = this.tableState.f5;
      const f6 = this.tableState.f6;
      const g1 = this.tableState.g1;
      const g2 = this.tableState.g2;
      const g3 = this.tableState.g3;
      const g4 = this.tableState.g4;
      const g5 = this.tableState.g5;
      const g6 = this.tableState.g6;
      const h1 = this.tableState.h1;
      const h2 = this.tableState.h2;
      const h3 = this.tableState.h3;
      const h4 = this.tableState.h4;
      const h5 = this.tableState.h5;
      const h6 = this.tableState.h6;
      const i1 = this.tableState.i1;
      const i2 = this.tableState.i2;
      const i3 = this.tableState.i3;
      const i4 = this.tableState.i4;
      const i5 = this.tableState.i5;
      const i6 = this.tableState.i6;
      const j1 = this.tableState.j1;
      const j2 = this.tableState.j2;
      const j3 = this.tableState.j3;
      const j4 = this.tableState.j4;
      const j5 = this.tableState.j5;
      const j6 = this.tableState.j6;
      const k1 = this.tableState.k1;
      const k2 = this.tableState.k2;
      const k3 = this.tableState.k3;
      const k4 = this.tableState.k4;
      const k5 = this.tableState.k5;
      const k6 = this.tableState.k6;
      const l1 = this.tableState.l1;
      const l2 = this.tableState.l2;
      const l3 = this.tableState.l3;
      const l4 = this.tableState.l4;
      const l5 = this.tableState.l5;
      const l6 = this.tableState.l6;
      const m1 = this.tableState.m1;
      const m2 = this.tableState.m2;
      const m3 = this.tableState.m3;
      const m4 = this.tableState.m4;
      const m5 = this.tableState.m5;
      const m6 = this.tableState.m6;
      const n1 = this.tableState.n1;
      const n2 = this.tableState.n2;
      const n3 = this.tableState.n3;
      const n4 = this.tableState.n4;
      const n5 = this.tableState.n5;
      const n6 = this.tableState.n6;
      const o1 = this.tableState.o1;
      const o2 = this.tableState.o2;
      const o3 = this.tableState.o3;
      const o4 = this.tableState.o4;
      const o5 = this.tableState.o5;
      const o6 = this.tableState.o6;
      const p1 = this.tableState.p1;
      const p2 = this.tableState.p2;
      const p3 = this.tableState.p3;
      const p4 = this.tableState.p4;
      const p5 = this.tableState.p5;
      const p6 = this.tableState.p6;
      this.grade_xp = 0;
      if (this.Form.one === "A") {
        this.grade_xp += 5;
      }
      // if (this.Form.two == "A") {
      //   this.Form.grade_xp += 2.5;
      // }
      if (this.Form.three === "A") {
        this.grade_xp += 5;
      }
      // if (this.Form.four == "A") {
      //   this.Form.grade_xp += 2.5;
      // }
      // console.log(this.grade_xp);
      const { data: res } = await this.$http.post("/api/huoer/luru", {
        student_id: studentId,
        grade_xp: this.grade_xp,
        number: number,
        tu: file,
        constant: constant,
        a1: a1,
        a2: a2,
        a3: a3,
        a4: a4,
        a5: a5,
        a6: a6,
        b1: b1,
        b2: b2,
        b3: b3,
        b4: b4,
        b5: b5,
        b6: b6,
        c1: c1,
        c2: c2,
        c3: c3,
        c4: c4,
        c5: c5,
        c6: c6,
        d1: d1,
        d2: d2,
        d3: d3,
        d4: d4,
        d5: d5,
        d6: d6,
        e1: e1,
        e2: e2,
        e3: e3,
        e4: e4,
        e5: e5,
        e6: e6,
        f1: f1,
        f2: f2,
        f3: f3,
        f4: f4,
        f5: f5,
        f6: f6,
        g1: g1,
        g2: g2,
        g3: g3,
        g4: g4,
        g5: g5,
        g6: g6,
        h1: h1,
        h2: h2,
        h3: h3,
        h4: h4,
        h5: h5,
        h6: h6,
        i1: i1,
        i2: i2,
        i3: i3,
        i4: i4,
        i5: i5,
        i6: i6,
        j1: j1,
        j2: j2,
        j3: j3,
        j4: j4,
        j5: j5,
        j6: j6,
        k1: k1,
        k2: k2,
        k3: k3,
        k4: k4,
        k5: k5,
        k6: k6,
        l1: l1,
        l2: l2,
        l3: l3,
        l4: l4,
        l5: l5,
        l6: l6,
        m1: m1,
        m2: m2,
        m3: m3,
        m4: m4,
        m5: m5,
        m6: m6,
        n1: n1,
        n2: n2,
        n3: n3,
        n4: n4,
        n5: n5,
        n6: n6,
        o1: o1,
        o2: o2,
        o3: o3,
        o4: o4,
        o5: o5,
        o6: o6,
        p1: p1,
        p2: p2,
        p3: p3,
        p4: p4,
        p5: p5,
        p6: p6,
        xz1: Form.one,
        // xz2: Form.two,
        xz3: Form.three,
        // xz4: Form.four,
      });
      // console.log(res);
      if (res.data.res1 === false) {
        this.$message.error("请勿重复提交！");
        this.$router.push("/home");
      } else {
        if (res.code === 100) {
          this.$message.error("提交失败！");
          this.grade_xp = 0;
        }
        if (res.code === 150) {
          this.$message.error("请勿重复提交！");
        }
        if (res.code === 422) {
          this.$message.error("请填完所有题目");
          this.grade_xp = 0;
        }
        if (res.code === 200) {
          this.$message.success("提交成功！");
          window.localStorage.clear();
          // localStorage.setItem("state4", 2);
          this.$router.push("/home");
        }
      }
    },
    // 暂存
    back() {
      const state4 = localStorage.getItem("state4");
      // console.log(state4);
      if (state4 === 1) {
        this.$confirm(
          "检测到未保存的内容，是否在离开页面前保存？",
          "确认信息",
          {
            confirmButtonText: "暂存",
            cancelButtonText: "放弃修改",
            type: "warning",
            center: true,
          }
        )
          .then(() => {
            // this.$router.go(-1)
            // this.DialogVisible = true
            // const state4 = localStorage.getItem("state4");
            // console.log(state4);
            // this.$message({
            //   type: "success",
            //   message: "暂存成功！",
            // });
            this.BackStorage();
            if (this.$route.path !== "/home") {
              this.$router.push({ path: "/home" });
            }
            // this.$router.push("/home");
            return false;
          })
          .catch(() => {
            // const state4 = sessionStorage.getItem('state4')
            // console.log(state4)
            this.$message({
              type: "info",
              message: "已取消暂存！",
            });
            if (this.$route.path !== "/home") {
              this.$router.push({ path: "/home" });
            }
            // this.giveUp()
            return false;
          });
      } else {
        this.$router.push({ path: "/home" });
      }
    },
    // 控制暂存弹窗出现
    storage() {
      this.DialogVisible = true;
    },
    // 暂存弹窗里面的确定按钮，实现暂存
    storageOk() {
      // 第一行数据
      const a1 = sessionStorage.getItem("a1");
      this.tableState.a1 = a1;
      const a2 = sessionStorage.getItem("a2");
      this.tableState.a2 = a2;
      const a3 = sessionStorage.getItem("a3");
      this.tableState.a3 = a3;
      const a4 = sessionStorage.getItem("a4");
      this.tableState.a4 = a4;
      const a5 = sessionStorage.getItem("a5");
      this.tableState.a5 = a5;
      const a6 = sessionStorage.getItem("a6");
      this.tableState.a6 = a6;
      // 第二行数据
      const b1 = sessionStorage.getItem("b1");
      this.tableState.b1 = b1;
      const b2 = sessionStorage.getItem("b2");
      this.tableState.b2 = b2;
      const b3 = sessionStorage.getItem("b3");
      this.tableState.b3 = b3;
      const b4 = sessionStorage.getItem("b4");
      this.tableState.b4 = b4;
      const b5 = sessionStorage.getItem("b5");
      this.tableState.b5 = b5;
      const b6 = sessionStorage.getItem("b6");
      this.tableState.b6 = b6;
      // 第三行数据
      const c1 = sessionStorage.getItem("c1");
      this.tableState.c1 = c1;
      const c2 = sessionStorage.getItem("c2");
      this.tableState.c2 = c2;
      const c3 = sessionStorage.getItem("c3");
      this.tableState.c3 = c3;
      const c4 = sessionStorage.getItem("c4");
      this.tableState.c4 = c4;
      const c5 = sessionStorage.getItem("c5");
      this.tableState.c5 = c5;
      const c6 = sessionStorage.getItem("c6");
      this.tableState.c6 = c6;
      // 第四行数据
      const d1 = sessionStorage.getItem("d1");
      this.tableState.d1 = d1;
      const d2 = sessionStorage.getItem("d2");
      this.tableState.d2 = d2;
      const d3 = sessionStorage.getItem("d3");
      this.tableState.d3 = d3;
      const d4 = sessionStorage.getItem("d4");
      this.tableState.d4 = d4;
      const d5 = sessionStorage.getItem("d5");
      this.tableState.d5 = d5;
      const d6 = sessionStorage.getItem("d6");
      this.tableState.d6 = d6;
      // 第五行数据
      const e1 = sessionStorage.getItem("e1");
      this.tableState.e1 = e1;
      const e2 = sessionStorage.getItem("e2");
      this.tableState.e2 = e2;
      const e3 = sessionStorage.getItem("e3");
      this.tableState.e3 = e3;
      const e4 = sessionStorage.getItem("e4");
      this.tableState.e4 = e4;
      const e5 = sessionStorage.getItem("e5");
      this.tableState.e5 = e5;
      const e6 = sessionStorage.getItem("e6");
      this.tableState.e6 = e6;
      // 第六行数据
      const f1 = sessionStorage.getItem("f1");
      this.tableState.f1 = f1;
      const f2 = sessionStorage.getItem("f2");
      this.tableState.f2 = f2;
      const f3 = sessionStorage.getItem("f3");
      this.tableState.f3 = f3;
      const f4 = sessionStorage.getItem("f4");
      this.tableState.f4 = f4;
      const f5 = sessionStorage.getItem("f5");
      this.tableState.f5 = f5;
      const f6 = sessionStorage.getItem("f6");
      this.tableState.f6 = f6;
      // 第七行数据
      const g1 = sessionStorage.getItem("g1");
      this.tableState.g1 = g1;
      const g2 = sessionStorage.getItem("g2");
      this.tableState.g2 = g2;
      const g3 = sessionStorage.getItem("g3");
      this.tableState.g3 = g3;
      const g4 = sessionStorage.getItem("g4");
      this.tableState.g4 = g4;
      const g5 = sessionStorage.getItem("g5");
      this.tableState.g5 = g5;
      const g6 = sessionStorage.getItem("g6");
      this.tableState.g6 = g6;
      // 第八行数据
      const h1 = sessionStorage.getItem("h1");
      this.tableState.h1 = h1;
      const h2 = sessionStorage.getItem("h2");
      this.tableState.h2 = h2;
      const h3 = sessionStorage.getItem("h3");
      this.tableState.h3 = h3;
      const h4 = sessionStorage.getItem("h4");
      this.tableState.h4 = h4;
      const h5 = sessionStorage.getItem("h5");
      this.tableState.h5 = h5;
      const h6 = sessionStorage.getItem("h6");
      this.tableState.h6 = h6;
      // 第九行数据
      const i1 = sessionStorage.getItem("i1");
      this.tableState.i1 = i1;
      const i2 = sessionStorage.getItem("i2");
      this.tableState.i2 = i2;
      const i3 = sessionStorage.getItem("i3");
      this.tableState.i3 = i3;
      const i4 = sessionStorage.getItem("i4");
      this.tableState.i4 = i4;
      const i5 = sessionStorage.getItem("i5");
      this.tableState.i5 = i5;
      const i6 = sessionStorage.getItem("i6");
      this.tableState.i6 = i6;
      // 第十行数据
      const j1 = sessionStorage.getItem("j1");
      this.tableState.j1 = j1;
      const j2 = sessionStorage.getItem("j2");
      this.tableState.j2 = j2;
      const j3 = sessionStorage.getItem("j3");
      this.tableState.j3 = j3;
      const j4 = sessionStorage.getItem("j4");
      this.tableState.j4 = j4;
      const j5 = sessionStorage.getItem("j5");
      this.tableState.j5 = j5;
      const j6 = sessionStorage.getItem("j6");
      this.tableState.j6 = j6;
      // 第十一行数据
      const k1 = sessionStorage.getItem("k1");
      this.tableState.k1 = k1;
      const k2 = sessionStorage.getItem("k2");
      this.tableState.k2 = k2;
      const k3 = sessionStorage.getItem("k3");
      this.tableState.k3 = k3;
      const k4 = sessionStorage.getItem("k4");
      this.tableState.k4 = k4;
      const k5 = sessionStorage.getItem("k5");
      this.tableState.k5 = k5;
      const k6 = sessionStorage.getItem("k6");
      this.tableState.k6 = k6;
      // 第十二行数据
      const l1 = sessionStorage.getItem("l1");
      this.tableState.l1 = l1;
      const l2 = sessionStorage.getItem("l2");
      this.tableState.l2 = l2;
      const l3 = sessionStorage.getItem("l3");
      this.tableState.l3 = l3;
      const l4 = sessionStorage.getItem("l4");
      this.tableState.l4 = l4;
      const l5 = sessionStorage.getItem("l5");
      this.tableState.l5 = l5;
      const l6 = sessionStorage.getItem("l6");
      this.tableState.l6 = l6;
      // 第十三行数据
      const m1 = sessionStorage.getItem("m1");
      this.tableState.m1 = m1;
      const m2 = sessionStorage.getItem("m2");
      this.tableState.m2 = m2;
      const m3 = sessionStorage.getItem("m3");
      this.tableState.m3 = m3;
      const m4 = sessionStorage.getItem("m4");
      this.tableState.m4 = m4;
      const m5 = sessionStorage.getItem("m5");
      this.tableState.m5 = m5;
      const m6 = sessionStorage.getItem("m6");
      this.tableState.m6 = m6;
      // 第十四行数据
      const n1 = sessionStorage.getItem("n1");
      this.tableState.n1 = n1;
      const n2 = sessionStorage.getItem("n2");
      this.tableState.n2 = n2;
      const n3 = sessionStorage.getItem("n3");
      this.tableState.n3 = n3;
      const n4 = sessionStorage.getItem("n4");
      this.tableState.n4 = n4;
      const n5 = sessionStorage.getItem("n5");
      this.tableState.n5 = n5;
      const n6 = sessionStorage.getItem("n6");
      this.tableState.n6 = n6;
      // 第十五行数据
      const o1 = sessionStorage.getItem("o1");
      this.tableState.o1 = o1;
      const o2 = sessionStorage.getItem("o2");
      this.tableState.o2 = o2;
      const o3 = sessionStorage.getItem("o3");
      this.tableState.o3 = o3;
      const o4 = sessionStorage.getItem("o4");
      this.tableState.o4 = o4;
      const o5 = sessionStorage.getItem("o5");
      this.tableState.o5 = o5;
      const o6 = sessionStorage.getItem("o6");
      this.tableState.o6 = o6;
      // 第十六行数据
      const p1 = sessionStorage.getItem("p1");
      this.tableState.p1 = p1;
      const p2 = sessionStorage.getItem("p2");
      this.tableState.p2 = p2;
      const p3 = sessionStorage.getItem("p3");
      this.tableState.p3 = p3;
      const p4 = sessionStorage.getItem("p4");
      this.tableState.p4 = p4;
      const p5 = sessionStorage.getItem("p5");
      this.tableState.p5 = p5;
      const p6 = sessionStorage.getItem("p6");
      this.tableState.p6 = p6;
      window.localStorage.setItem("huoerone", this.Form.one);
      window.localStorage.setItem("huoerthree", this.Form.three);
      window.localStorage.setItem("huoera1", this.tableState.a1);
      window.localStorage.setItem("huoera2", this.tableState.a2);
      window.localStorage.setItem("huoera3", this.tableState.a3);
      window.localStorage.setItem("huoera4", this.tableState.a4);
      window.localStorage.setItem("huoera5", this.tableState.a5);
      window.localStorage.setItem("huoera6", this.tableState.a6);
      window.localStorage.setItem("huoerb1", this.tableState.b1);
      window.localStorage.setItem("huoerb2", this.tableState.b2);
      window.localStorage.setItem("huoerb3", this.tableState.b3);
      window.localStorage.setItem("huoerb4", this.tableState.b4);
      window.localStorage.setItem("huoerb5", this.tableState.b5);
      window.localStorage.setItem("huoerb6", this.tableState.b6);
      window.localStorage.setItem("huoerc1", this.tableState.c1);
      window.localStorage.setItem("huoerc2", this.tableState.c2);
      window.localStorage.setItem("huoerc3", this.tableState.c3);
      window.localStorage.setItem("huoerc4", this.tableState.c4);
      window.localStorage.setItem("huoerc5", this.tableState.c5);
      window.localStorage.setItem("huoerc6", this.tableState.c6);
      window.localStorage.setItem("huoerd1", this.tableState.d1);
      window.localStorage.setItem("huoerd2", this.tableState.d2);
      window.localStorage.setItem("huoerd3", this.tableState.d3);
      window.localStorage.setItem("huoerd4", this.tableState.d4);
      window.localStorage.setItem("huoerd5", this.tableState.d5);
      window.localStorage.setItem("huoerd6", this.tableState.d6);
      window.localStorage.setItem("huoere1", this.tableState.e1);
      window.localStorage.setItem("huoere2", this.tableState.e2);
      window.localStorage.setItem("huoere3", this.tableState.e3);
      window.localStorage.setItem("huoere4", this.tableState.e4);
      window.localStorage.setItem("huoere5", this.tableState.e5);
      window.localStorage.setItem("huoere6", this.tableState.e6);
      window.localStorage.setItem("huoerf1", this.tableState.f1);
      window.localStorage.setItem("huoerf2", this.tableState.f2);
      window.localStorage.setItem("huoerf3", this.tableState.f3);
      window.localStorage.setItem("huoerf4", this.tableState.f4);
      window.localStorage.setItem("huoerf5", this.tableState.f5);
      window.localStorage.setItem("huoerf6", this.tableState.f6);
      window.localStorage.setItem("huoerg1", this.tableState.g1);
      window.localStorage.setItem("huoerg2", this.tableState.g2);
      window.localStorage.setItem("huoerg3", this.tableState.g3);
      window.localStorage.setItem("huoerg4", this.tableState.g4);
      window.localStorage.setItem("huoerg5", this.tableState.g5);
      window.localStorage.setItem("huoerg6", this.tableState.g6);
      window.localStorage.setItem("huoerh1", this.tableState.h1);
      window.localStorage.setItem("huoerh2", this.tableState.h2);
      window.localStorage.setItem("huoerh3", this.tableState.h3);
      window.localStorage.setItem("huoerh4", this.tableState.h4);
      window.localStorage.setItem("huoerh5", this.tableState.h5);
      window.localStorage.setItem("huoerh6", this.tableState.h6);
      window.localStorage.setItem("huoeri1", this.tableState.i1);
      window.localStorage.setItem("huoeri2", this.tableState.i2);
      window.localStorage.setItem("huoeri3", this.tableState.i3);
      window.localStorage.setItem("huoeri4", this.tableState.i4);
      window.localStorage.setItem("huoeri5", this.tableState.i5);
      window.localStorage.setItem("huoeri6", this.tableState.i6);
      window.localStorage.setItem("huoerj1", this.tableState.j1);
      window.localStorage.setItem("huoerj2", this.tableState.j2);
      window.localStorage.setItem("huoerj3", this.tableState.j3);
      window.localStorage.setItem("huoerj4", this.tableState.j4);
      window.localStorage.setItem("huoerj5", this.tableState.j5);
      window.localStorage.setItem("huoerj6", this.tableState.j6);
      window.localStorage.setItem("huoerk1", this.tableState.k1);
      window.localStorage.setItem("huoerk2", this.tableState.k2);
      window.localStorage.setItem("huoerk3", this.tableState.k3);
      window.localStorage.setItem("huoerk4", this.tableState.k4);
      window.localStorage.setItem("huoerk5", this.tableState.k5);
      window.localStorage.setItem("huoerk6", this.tableState.k6);
      window.localStorage.setItem("huoerl1", this.tableState.l1);
      window.localStorage.setItem("huoerl2", this.tableState.l2);
      window.localStorage.setItem("huoerl3", this.tableState.l3);
      window.localStorage.setItem("huoerl4", this.tableState.l4);
      window.localStorage.setItem("huoerl5", this.tableState.l5);
      window.localStorage.setItem("huoerl6", this.tableState.l6);
      window.localStorage.setItem("huoerm1", this.tableState.m1);
      window.localStorage.setItem("huoerm2", this.tableState.m2);
      window.localStorage.setItem("huoerm3", this.tableState.m3);
      window.localStorage.setItem("huoerm4", this.tableState.m4);
      window.localStorage.setItem("huoerm5", this.tableState.m5);
      window.localStorage.setItem("huoerm6", this.tableState.m6);
      window.localStorage.setItem("huoern1", this.tableState.n1);
      window.localStorage.setItem("huoern2", this.tableState.n2);
      window.localStorage.setItem("huoern3", this.tableState.n3);
      window.localStorage.setItem("huoern4", this.tableState.n4);
      window.localStorage.setItem("huoern5", this.tableState.n5);
      window.localStorage.setItem("huoern6", this.tableState.n6);
      window.localStorage.setItem("huoero1", this.tableState.o1);
      window.localStorage.setItem("huoero2", this.tableState.o2);
      window.localStorage.setItem("huoero3", this.tableState.o3);
      window.localStorage.setItem("huoero4", this.tableState.o4);
      window.localStorage.setItem("huoero5", this.tableState.o5);
      window.localStorage.setItem("huoero6", this.tableState.o6);
      window.localStorage.setItem("huoerp1", this.tableState.p1);
      window.localStorage.setItem("huoerp2", this.tableState.p2);
      window.localStorage.setItem("huoerp3", this.tableState.p3);
      window.localStorage.setItem("huoerp4", this.tableState.p4);
      window.localStorage.setItem("huoerp5", this.tableState.p5);
      window.localStorage.setItem("huoerp6", this.tableState.p6);
      window.localStorage.setItem("huoerconstant", this.tableState.constant);
      window.localStorage.setItem("huoernumber", this.tableState.number);
      window.localStorage.setItem("huoerfile", this.files);
      // window.localStorage.setItem("huoerfileList", this.tableState.fileList);
      this.$message({
        message: "暂存成功！",
        type: "success",
      });
      localStorage.setItem("state4", 2);
    },
    // 存储按下浏览器返回键的暂存数据
    BackStorage() {
      window.localStorage.setItem("huoerone", this.Form.one);
      window.localStorage.setItem("huoerthree", this.Form.three);
      window.localStorage.setItem("huoera1", this.tableState.a1);
      window.localStorage.setItem("huoera2", this.tableState.a2);
      window.localStorage.setItem("huoera3", this.tableState.a3);
      window.localStorage.setItem("huoera4", this.tableState.a4);
      window.localStorage.setItem("huoera5", this.tableState.a5);
      window.localStorage.setItem("huoera6", this.tableState.a6);
      window.localStorage.setItem("huoerb1", this.tableState.b1);
      window.localStorage.setItem("huoerb2", this.tableState.b2);
      window.localStorage.setItem("huoerb3", this.tableState.b3);
      window.localStorage.setItem("huoerb4", this.tableState.b4);
      window.localStorage.setItem("huoerb5", this.tableState.b5);
      window.localStorage.setItem("huoerb6", this.tableState.b6);
      window.localStorage.setItem("huoerc1", this.tableState.c1);
      window.localStorage.setItem("huoerc2", this.tableState.c2);
      window.localStorage.setItem("huoerc3", this.tableState.c3);
      window.localStorage.setItem("huoerc4", this.tableState.c4);
      window.localStorage.setItem("huoerc5", this.tableState.c5);
      window.localStorage.setItem("huoerc6", this.tableState.c6);
      window.localStorage.setItem("huoerd1", this.tableState.d1);
      window.localStorage.setItem("huoerd2", this.tableState.d2);
      window.localStorage.setItem("huoerd3", this.tableState.d3);
      window.localStorage.setItem("huoerd4", this.tableState.d4);
      window.localStorage.setItem("huoerd5", this.tableState.d5);
      window.localStorage.setItem("huoerd6", this.tableState.d6);
      window.localStorage.setItem("huoere1", this.tableState.e1);
      window.localStorage.setItem("huoere2", this.tableState.e2);
      window.localStorage.setItem("huoere3", this.tableState.e3);
      window.localStorage.setItem("huoere4", this.tableState.e4);
      window.localStorage.setItem("huoere5", this.tableState.e5);
      window.localStorage.setItem("huoere6", this.tableState.e6);
      window.localStorage.setItem("huoerf1", this.tableState.f1);
      window.localStorage.setItem("huoerf2", this.tableState.f2);
      window.localStorage.setItem("huoerf3", this.tableState.f3);
      window.localStorage.setItem("huoerf4", this.tableState.f4);
      window.localStorage.setItem("huoerf5", this.tableState.f5);
      window.localStorage.setItem("huoerf6", this.tableState.f6);
      window.localStorage.setItem("huoerg1", this.tableState.g1);
      window.localStorage.setItem("huoerg2", this.tableState.g2);
      window.localStorage.setItem("huoerg3", this.tableState.g3);
      window.localStorage.setItem("huoerg4", this.tableState.g4);
      window.localStorage.setItem("huoerg5", this.tableState.g5);
      window.localStorage.setItem("huoerg6", this.tableState.g6);
      window.localStorage.setItem("huoerh1", this.tableState.h1);
      window.localStorage.setItem("huoerh2", this.tableState.h2);
      window.localStorage.setItem("huoerh3", this.tableState.h3);
      window.localStorage.setItem("huoerh4", this.tableState.h4);
      window.localStorage.setItem("huoerh5", this.tableState.h5);
      window.localStorage.setItem("huoerh6", this.tableState.h6);
      window.localStorage.setItem("huoeri1", this.tableState.i1);
      window.localStorage.setItem("huoeri2", this.tableState.i2);
      window.localStorage.setItem("huoeri3", this.tableState.i3);
      window.localStorage.setItem("huoeri4", this.tableState.i4);
      window.localStorage.setItem("huoeri5", this.tableState.i5);
      window.localStorage.setItem("huoeri6", this.tableState.i6);
      window.localStorage.setItem("huoerj1", this.tableState.j1);
      window.localStorage.setItem("huoerj2", this.tableState.j2);
      window.localStorage.setItem("huoerj3", this.tableState.j3);
      window.localStorage.setItem("huoerj4", this.tableState.j4);
      window.localStorage.setItem("huoerj5", this.tableState.j5);
      window.localStorage.setItem("huoerj6", this.tableState.j6);
      window.localStorage.setItem("huoerk1", this.tableState.k1);
      window.localStorage.setItem("huoerk2", this.tableState.k2);
      window.localStorage.setItem("huoerk3", this.tableState.k3);
      window.localStorage.setItem("huoerk4", this.tableState.k4);
      window.localStorage.setItem("huoerk5", this.tableState.k5);
      window.localStorage.setItem("huoerk6", this.tableState.k6);
      window.localStorage.setItem("huoerl1", this.tableState.l1);
      window.localStorage.setItem("huoerl2", this.tableState.l2);
      window.localStorage.setItem("huoerl3", this.tableState.l3);
      window.localStorage.setItem("huoerl4", this.tableState.l4);
      window.localStorage.setItem("huoerl5", this.tableState.l5);
      window.localStorage.setItem("huoerl6", this.tableState.l6);
      window.localStorage.setItem("huoerm1", this.tableState.m1);
      window.localStorage.setItem("huoerm2", this.tableState.m2);
      window.localStorage.setItem("huoerm3", this.tableState.m3);
      window.localStorage.setItem("huoerm4", this.tableState.m4);
      window.localStorage.setItem("huoerm5", this.tableState.m5);
      window.localStorage.setItem("huoerm6", this.tableState.m6);
      window.localStorage.setItem("huoern1", this.tableState.n1);
      window.localStorage.setItem("huoern2", this.tableState.n2);
      window.localStorage.setItem("huoern3", this.tableState.n3);
      window.localStorage.setItem("huoern4", this.tableState.n4);
      window.localStorage.setItem("huoern5", this.tableState.n5);
      window.localStorage.setItem("huoern6", this.tableState.n6);
      window.localStorage.setItem("huoero1", this.tableState.o1);
      window.localStorage.setItem("huoero2", this.tableState.o2);
      window.localStorage.setItem("huoero3", this.tableState.o3);
      window.localStorage.setItem("huoero4", this.tableState.o4);
      window.localStorage.setItem("huoero5", this.tableState.o5);
      window.localStorage.setItem("huoero6", this.tableState.o6);
      window.localStorage.setItem("huoerp1", this.tableState.p1);
      window.localStorage.setItem("huoerp2", this.tableState.p2);
      window.localStorage.setItem("huoerp3", this.tableState.p3);
      window.localStorage.setItem("huoerp4", this.tableState.p4);
      window.localStorage.setItem("huoerp5", this.tableState.p5);
      window.localStorage.setItem("huoerp6", this.tableState.p6);
      window.localStorage.setItem("huoerconstant", this.tableState.constant);
      window.localStorage.setItem("huoernumber", this.tableState.number);
      window.localStorage.setItem("huoerfile", this.files);
      // window.localStorage.setItem("huoerfileList", this.tableState.fileList);
      this.$message({
        message: "暂存成功！",
        type: "success",
      });
      // localStorage.setItem("state4", 2);
    },
    // 一进入页面就获取到获取暂存里面的数据,并且将数据赋值
    storageCheck() {
      const one = window.localStorage.getItem("huoerone");
      this.Form.one = one;
      const three = window.localStorage.getItem("huoerthree");
      this.Form.three = three;
      const a1 = window.localStorage.getItem("huoera1");
      this.tableState.a1 = a1;
      const a2 = window.localStorage.getItem("huoera2");
      this.tableState.a2 = a2;
      const a3 = window.localStorage.getItem("huoera3");
      this.tableState.a3 = a3;
      const a4 = window.localStorage.getItem("huoera4");
      this.tableState.a4 = a4;
      const a5 = window.localStorage.getItem("huoera5");
      this.tableState.a5 = a5;
      const a6 = window.localStorage.getItem("huoera6");
      this.tableState.a6 = a6;
      const b1 = window.localStorage.getItem("huoerb1");
      this.tableState.b1 = b1;
      const b2 = window.localStorage.getItem("huoerb2");
      this.tableState.b2 = b2;
      const b3 = window.localStorage.getItem("huoerb3");
      this.tableState.b3 = b3;
      const b4 = window.localStorage.getItem("huoerb4");
      this.tableState.b4 = b4;
      const b5 = window.localStorage.getItem("huoerb5");
      this.tableState.b5 = b5;
      const b6 = window.localStorage.getItem("huoerb6");
      this.tableState.b6 = b6;
      const c1 = window.localStorage.getItem("huoerc1");
      this.tableState.c1 = c1;
      const c2 = window.localStorage.getItem("huoerc2");
      this.tableState.c2 = c2;
      const c3 = window.localStorage.getItem("huoerc3");
      this.tableState.c3 = c3;
      const c4 = window.localStorage.getItem("huoerc4");
      this.tableState.c4 = c4;
      const c5 = window.localStorage.getItem("huoerc5");
      this.tableState.c5 = c5;
      const c6 = window.localStorage.getItem("huoerc6");
      this.tableState.c6 = c6;
      const d1 = window.localStorage.getItem("huoerd1");
      this.tableState.d1 = d1;
      const d2 = window.localStorage.getItem("huoerd2");
      this.tableState.d2 = d2;
      const d3 = window.localStorage.getItem("huoerd3");
      this.tableState.d3 = d3;
      const d4 = window.localStorage.getItem("huoerd4");
      this.tableState.d4 = d4;
      const d5 = window.localStorage.getItem("huoerd5");
      this.tableState.d5 = d5;
      const d6 = window.localStorage.getItem("huoerd6");
      this.tableState.d6 = d6;
      const e1 = window.localStorage.getItem("huoere1");
      this.tableState.e1 = e1;
      const e2 = window.localStorage.getItem("huoere2");
      this.tableState.e2 = e2;
      const e3 = window.localStorage.getItem("huoere3");
      this.tableState.e3 = e3;
      const e4 = window.localStorage.getItem("huoere4");
      this.tableState.e4 = e4;
      const e5 = window.localStorage.getItem("huoere5");
      this.tableState.e5 = e5;
      const e6 = window.localStorage.getItem("huoere6");
      this.tableState.e6 = e6;
      const f1 = window.localStorage.getItem("huoerf1");
      this.tableState.f1 = f1;
      const f2 = window.localStorage.getItem("huoerf2");
      this.tableState.f2 = f2;
      const f3 = window.localStorage.getItem("huoerf3");
      this.tableState.f3 = f3;
      const f4 = window.localStorage.getItem("huoerf4");
      this.tableState.f4 = f4;
      const f5 = window.localStorage.getItem("huoerf5");
      this.tableState.f5 = f5;
      const f6 = window.localStorage.getItem("huoerf6");
      this.tableState.f6 = f6;
      const g1 = window.localStorage.getItem("huoerg1");
      this.tableState.g1 = g1;
      const g2 = window.localStorage.getItem("huoerg2");
      this.tableState.g2 = g2;
      const g3 = window.localStorage.getItem("huoerg3");
      this.tableState.g3 = g3;
      const g4 = window.localStorage.getItem("huoerg4");
      this.tableState.g4 = g4;
      const g5 = window.localStorage.getItem("huoerg5");
      this.tableState.g5 = g5;
      const g6 = window.localStorage.getItem("huoerg6");
      this.tableState.g6 = g6;
      const h1 = window.localStorage.getItem("huoerh1");
      this.tableState.h1 = h1;
      const h2 = window.localStorage.getItem("huoerh2");
      this.tableState.h2 = h2;
      const h3 = window.localStorage.getItem("huoerh3");
      this.tableState.h3 = h3;
      const h4 = window.localStorage.getItem("huoerh4");
      this.tableState.h4 = h4;
      const h5 = window.localStorage.getItem("huoerh5");
      this.tableState.h5 = h5;
      const h6 = window.localStorage.getItem("huoerh6");
      this.tableState.h6 = h6;
      const i1 = window.localStorage.getItem("huoeri1");
      this.tableState.i1 = i1;
      const i2 = window.localStorage.getItem("huoeri2");
      this.tableState.i2 = i2;
      const i3 = window.localStorage.getItem("huoeri3");
      this.tableState.i3 = i3;
      const i4 = window.localStorage.getItem("huoeri4");
      this.tableState.i4 = i4;
      const i5 = window.localStorage.getItem("huoeri5");
      this.tableState.i5 = i5;
      const i6 = window.localStorage.getItem("huoeri6");
      this.tableState.i6 = i6;
      const j1 = window.localStorage.getItem("huoerj1");
      this.tableState.j1 = j1;
      const j2 = window.localStorage.getItem("huoerj2");
      this.tableState.j2 = j2;
      const j3 = window.localStorage.getItem("huoerj3");
      this.tableState.j3 = j3;
      const j4 = window.localStorage.getItem("huoerj4");
      this.tableState.j4 = j4;
      const j5 = window.localStorage.getItem("huoerj5");
      this.tableState.j5 = j5;
      const j6 = window.localStorage.getItem("huoerj6");
      this.tableState.j6 = j6;
      const k1 = window.localStorage.getItem("huoerk1");
      this.tableState.k1 = k1;
      const k2 = window.localStorage.getItem("huoerk2");
      this.tableState.k2 = k2;
      const k3 = window.localStorage.getItem("huoerk3");
      this.tableState.k3 = k3;
      const k4 = window.localStorage.getItem("huoerk4");
      this.tableState.k4 = k4;
      const k5 = window.localStorage.getItem("huoerk5");
      this.tableState.k5 = k5;
      const k6 = window.localStorage.getItem("huoerk6");
      this.tableState.k6 = k6;
      const l1 = window.localStorage.getItem("huoerl1");
      this.tableState.l1 = l1;
      const l2 = window.localStorage.getItem("huoerl2");
      this.tableState.l2 = l2;
      const l3 = window.localStorage.getItem("huoerl3");
      this.tableState.l3 = l3;
      const l4 = window.localStorage.getItem("huoerl4");
      this.tableState.l4 = l4;
      const l5 = window.localStorage.getItem("huoerl5");
      this.tableState.l5 = l5;
      const l6 = window.localStorage.getItem("huoerl6");
      this.tableState.l6 = l6;
      const m1 = window.localStorage.getItem("huoerm1");
      this.tableState.m1 = m1;
      const m2 = window.localStorage.getItem("huoerm2");
      this.tableState.m2 = m2;
      const m3 = window.localStorage.getItem("huoerm3");
      this.tableState.m3 = m3;
      const m4 = window.localStorage.getItem("huoerm4");
      this.tableState.m4 = m4;
      const m5 = window.localStorage.getItem("huoerm5");
      this.tableState.m5 = m5;
      const m6 = window.localStorage.getItem("huoerm6");
      this.tableState.m6 = m6;
      const n1 = window.localStorage.getItem("huoern1");
      this.tableState.n1 = n1;
      const n2 = window.localStorage.getItem("huoern2");
      this.tableState.n2 = n2;
      const n3 = window.localStorage.getItem("huoern3");
      this.tableState.n3 = n3;
      const n4 = window.localStorage.getItem("huoern4");
      this.tableState.n4 = n4;
      const n5 = window.localStorage.getItem("huoern5");
      this.tableState.n5 = n5;
      const n6 = window.localStorage.getItem("huoern6");
      this.tableState.n6 = n6;
      const o1 = window.localStorage.getItem("huoero1");
      this.tableState.o1 = o1;
      const o2 = window.localStorage.getItem("huoero2");
      this.tableState.o2 = o2;
      const o3 = window.localStorage.getItem("huoero3");
      this.tableState.o3 = o3;
      const o4 = window.localStorage.getItem("huoero4");
      this.tableState.o4 = o4;
      const o5 = window.localStorage.getItem("huoero5");
      this.tableState.o5 = o5;
      const o6 = window.localStorage.getItem("huoero6");
      this.tableState.o6 = o6;
      const p1 = window.localStorage.getItem("huoerp1");
      this.tableState.p1 = p1;
      const p2 = window.localStorage.getItem("huoerp2");
      this.tableState.p2 = p2;
      const p3 = window.localStorage.getItem("huoerp3");
      this.tableState.p3 = p3;
      const p4 = window.localStorage.getItem("huoerp4");
      this.tableState.p4 = p4;
      const p5 = window.localStorage.getItem("huoerp5");
      this.tableState.p5 = p5;
      const p6 = window.localStorage.getItem("huoerp6");
      this.tableState.p6 = p6;
      const constant = window.localStorage.getItem("huoerconstant");
      this.tableState.constant = constant;
      const number = window.localStorage.getItem("huoernumber");
      this.tableState.number = number;
      const file1 = window.localStorage.getItem("huoerfile");
      this.files = file1;
      // this.tableState.fileList = [file1];
      // for (var key in this.tableState) {
      //   // console.log(this.form2[key]);
      //   if (this.tableState[key] === 'null') {
      //     this.tableState[key] = ''
      //     // return false;
      //   }
      // }
      // for (var key in this.Form) {
      //   // console.log(this.form2[key]);
      //   if (this.Form[key] === 'null') {
      //     this.Form[key] = ''
      //     // return false;
      //   }
      // }
      // if (this.files === 'null') {
      //   this.Form[key] = ''
      //   // return false;
      // }
    },
  },
};
</script>

<style scoped>
.all {
  height: 100%;
  width: 50%;
  min-width: 320px;
  margin: 0 auto;
  text-align: left;
}
.footer {
  text-align: center;
}
.btn {
  /* width: 20%;
  margin-bottom: 2vw; */
  left: 0%;
  margin-bottom: 5%;
  bottom: 0%;
  width: 20%;
  transform: translate(1-0%, 30%);
}
.el-radio-group {
  margin: 10px;
}
.el-radio {
  padding: 5px;
}
.photo {
  height: 25px;
  border-radius: 10px;
  /* margin: 10px; */
  /* line-height: 25px; */
  /* margin-left: 80px; */
  background-color: rgba(231, 231, 231, 0.663);
}
.avatar-uploader {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 150px;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 150px;
}
.avatar {
  height: 150px;
  display: block;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.el-input {
  padding: 0;
}
</style>
